<template>
  <!-- <ChildComponent name="Red Sweater" /> -->
  <ChildComponent :name="children[0]" />
  <ChildComponent />
</template>

<script lang="ts">
import ChildComponent from './MyComponent.vue'
export default {
  name: 'ParentComponent',
  components: {
    ChildComponent
  },
  data() {
    return {
      children: ['Red Sweater', 'Blue T-shirt', 'Green Hat']
    }
  }
}
</script>
